<style type="text/css">
body {
	margin: 0;
}
html,
body {
	height: 100%;
	overflow: hidden;
}
header {
	height: 2rem;
	background: #000;
	font: .8rem/2rem "宋体";
	color: #fff;
	text-align: center;
}
#wrap {
	position: absolute;
	top: 2rem;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}
#scroll {
	position: relative;
}
.pics {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
.pics li{
	float: left;
	width: 50%;
	border-radius: 5px;
	background: url(pics/loadingImg.gif) no-repeat #ccc center center;
}

footer {
	position: absolute;
	bottom: -80px;
	left: 0;
	width: 100%;
	height: 80px;
	font: .7rem/80px "宋体";
	text-align:  center;
	transition: .3s opacity;
}
#bar {
	position: absolute;
	right: 0;
	top: 0;
	width: 4px;
	height: 0;
	background: rgba(0,0,0,.8);
	opacity: 0;
	transition: .3s opacity;
}
</style>